<template>
	<view class="body-view">
		<!--导航和状态栏-->
		<view class="state-navigation">
			<view class="slim_header_navigation d-flex a-center j-center" >
				<view class="left_box" @tap="goBack">
					<image src="/static/center/back.png" class="back"></image>
				</view>
				<view class="title">填写收货地址</view>
				<view class="right_box">
					<!-- <image src="/static/center/dian.png" class="dian"></image> -->
				</view>
			</view>
		</view>
		<!-- 顶部位置占位 -->
		<view style="height:calc(120rpx + var(--status-bar-height));"></view>
		<view class="body-content">
			<uni-forms :modelValue="formData" :label-width="80" :border="true">
				<div class="form-piece">
					<uni-forms-item label="收货人" name="name">
						<uni-easyinput type="text" v-model="formData.name" placeholder="收货人名字" />
					</uni-forms-item>
					<uni-forms-item label="手机号" name="name">
						<uni-easyinput type="text" v-model="formData.phone" placeholder="请输入电话号" />
					</uni-forms-item>
					<uni-forms-item label="所在地区" name="name">
						<uni-easyinput type="text" v-model="formData.area" placeholder="请输入省/市/区" />
					</uni-forms-item>
					<uni-forms-item label="详细地址" name="name">
						<uni-easyinput type="text" v-model="formData.address" placeholder="街道门牌号等" />
					</uni-forms-item>
				</div>
			</uni-forms>
		</view>
	</view>
</template>

<script setup lang="ts">
import { ref } from "vue";


const goBack = () => {
	uni.navigateBack();
};
const formData = ref({
	name:"",
	phone:"",
	area:"",
	address:"",
	isDefault:0
});
</script>

<style lang="scss" scoped>
@import './addressListAdd.scss';
</style>
